@import "~@/styles/variables.scss";


.table-public-box {
  width: 100%;
  border-radius: 10px;
  background: #fff;
  padding: 12px;

  .table-buttons {
    display: flex;
    justify-content: center;

    >span {
      cursor: pointer;
      color: $systemColor;
      margin: 0 8px;

      &:hover {
        opacity: .7;
      }
    }

    .disabled {
      color: gray;
    }
  }

  .pagina-box {
    display: flex;
    justify-content: center;
    margin-top: 8px
  }

  .empty-box {
    padding: 20px 0;
  }

  .row-text-hide {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .el-table th {
    padding: 0;

    .virtual {
      position: fixed;
      display: block;
      width: 0;
      height: 0;
      margin-left: -10px;
      z-index: 99;
      background: none;
      border: none;
    }

    &.darg_active_left {
      .virtual {
        border-left: 2px dotted #666;
      }
    }

    &.darg_active_right {
      .virtual {
        border-right: 2px dotted #666;
      }
    }
  }

  .thead-cell {
    padding: 0;
    display: inline-flex;
    flex-direction: column;
    align-items: left;
    cursor: pointer;
    overflow: initial;

    &:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
    }
  }

  &.w-table_moving {
    .el-table th .thead-cell {
      cursor: move !important;
    }

    .el-table__fixed {
      cursor: not-allowed;
    }
  }
}